import Module from "./module";
import IconSoil from "./assets/组3858.webp";

export default defineComponent({
	name: "SoilInfo",
	setup() {
		return () => (
			<Module title={"土壤检测数据"}>
				<div className={"w-full h-full  p-4 py-6 box-border flex flex-row"}>
					<img src={IconSoil} alt={""} className={"w-[132px] h-[180px]"} />
					<div className={"flex-1 h-full"}>
						<table className={"w-full h-full border-collapse text-[16px] font-mono"}>
							<thead
								className={"text-center"}
								style={{
									background: "url('src/views/dashboard/agriculture/assets/3877.svg') no-repeat",
									"background-size": "100% 100%"
								}}
							>
								<tr>
									<td>土壤深度(cm)</td>
									<td>温度(℃)</td>
									<td>湿度</td>
								</tr>
							</thead>
							<tbody className={"text-center"}>
								<tr>
									<td>10</td>
									<td>24</td>
									<td>70%</td>
								</tr>
								<tr>
									<td>20</td>
									<td>28</td>
									<td>80%</td>
								</tr>
								<tr>
									<td>30</td>
									<td>32</td>
									<td>90%</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</Module>
		);
	}
});
